import axios from "axios";
import { ElMessageBox } from "element-plus";
import router from "../router";
let request = axios.create({
  baseURL: "http://localhost:9191", // 注意！！ 这里是全局统一加上了 '/api' 前缀，也就是说所有接口都会加上'/api'前缀在，页面里面写接口的时候就不要加 '/api'了，否则会出现2个'/api'，类似 '/api/api/user'这样的报错，切记！！！
  timeout: 50000,
});

// request 拦截器
// 可以自请求发送前对请求做一些处理
// 比如统一加token，对请求参数统一加密
request.interceptors.request.use(
  (config: any) => {
    console.log("请求结果", config);
    config.headers["Content-Type"] = "application/json;charset=utf-8";
    let user = JSON.parse(localStorage.getItem("user"));
    if (user) {
      config.headers["token"] = user.token; // 设置token
    }
    return config;
  },
  (error) => {
    return Promise.reject(error);
  }
);

// response 拦截器
// 可以在接口响应后统一处理结果
// import "../utils/initialize";
request.interceptors.response.use(
  (response) => {
    let res = response.data;
    // 如果是返回的文件
    if (response.config.responseType === "blob") {
      return res;
    }
    // 兼容服务端返回的字符串数据
    if (typeof res === "string") {
      res = res ? JSON.parse(res) : res;
    }
    // 发生错误，如token失效，则返回登录
    if (res.code === "402") {
      ElMessageBox({
        title: "错误",
        message: res.msg,
      }).then(() => {
        router.push("/login");
      });
    }
    return res;
  },
  (error) => {
    console.log("err" + error); // for debug
    return Promise.reject(error);
  }
);

export { request };
